<script setup lang="ts">
import { defineComponent } from 'vue'
import TemplateLayout from '@/views/globalStatistics/components/template-layout.vue'
import { useRouter } from 'vue-router'
const router = useRouter()
defineComponent({
  name: 'GlobalStatisticsProject',
})
</script>

<template>
  <TemplateLayout>
    <template #left>
      <el-button @click="()=>router.push('/globalStatistics/section')">Go section view</el-button>
      <div :key="v" v-for="v in 4" class="item">
        {{ v }}
      </div>
    </template>
    <template #right>
      <div :key="v" v-for="v in 4" class="item">
        {{ v }}
      </div>
    </template>
  </TemplateLayout>
</template>

<style scoped lang="scss">
.item {
  height: calc(calc(94vh - 80px) / 5);
  margin-top: 1vh;
  background-color: rgba(14, 21, 32, 0.5);
  background-image: url('@/assets/images/pnl-全域监管-左336.png');
  background-size: 100% 100%;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.5);
}
</style>
